*{-webkit-tap-highlight-color:transparent;padding:0;margin:0;}	

	body{		
		background-color: #f7f7f7;	              
		width:100%;	       
	}	
    /**title bar***/	
	.div-titlebar-style{
		background-color:#f7f7f7;
		width:100%;
		text-align: center;
		overflow:hidden;
	}
	.s-title-style{
		color:#323232;	
	}
	
	/******business area****/
	.div-business-title-style{		
		width:100%;	
		background-image:url(../images/moniter/bg_bluehead@3x.png);
	    background-repeat:no-repeat;
		background-size:100%;
		text-align:center;
	}	
	.span-business-title{
		color:white;
		text-align:center;		
	}	
	table {
		width:100%;
		background:white;		
		border-collapse:collapse;
	}
	table tr td{border-right:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;}
	table tr:last-child td{border-bottom:1px solid #f0f0f0;}
	table tr td:last-child{border-right:none;}
	
	table tr td:hover,table tr td p:hover{
		background:grey;
	}
	body p{
		background:white;
	}	
	.outline-style{
		color:#5396D5;		
	}
	table tr td div{		
		text-align:center;
	}
	table tr td p{
		color:#61A3F5;
		text-align:center;		
	}
	table tr td{
		width:50%;
	}
	.itemTitle{
		color:#323232;		
	}
	
	/******incomeIndex***********/
	.incomeIndex {
		background:white;
		padding:0px 4%12px 4%;
	}
	.incomeIndex table{
		background:#f9fbfe;
		border:solid 2px #dfebfa;
		color:#4e4e4e;
		border-radius:2px;
	}
	.incomeIndex table tr td{
		width:30.5%;
	}	
	
	/***********************************************/
	/*peformance index:userTime;
	/**********************************************/
	.UserTimeTable{
		width:93%;
		margin:0 3.5% 0 3.5%;
		background:white;
	}	
	.UserTimeTable tr td{
		width:31%;	
	   	margin:0px;
		padding:0px;
	}	
	.userTimeTitle{		
		background:#f7f7f7;
		text-align:center;			
	}
	.userTimeTitle span{		
		color:#4e4e4e;	       		
	}
	
	.Wifi4GPart{
		background:white;		
	}
	.div-4g{		
		color:#61A3F5;		
	}
	.div-wifi{		
		color:#7ac53e;		
	}	
@media screen and (min-width: 321px) and (max-width: 360px){
	 /***title bar***/	
	.div-titlebar-style{	
		height:42px;
	}	
	.s-title-style{		
		font-size:15px;		
		line-height:42px;
	}
	.img-setting-style {	
		float:right; 
		width:21px;	
		line-height:21px;
		margin:11px 14px 11px 0px;
	}	
    /******business area****/
	.div-business-title-style{			
		height:21px;
	}
	.img-business-title-icon{
		width:19px;
		height:19px;		
	}
	.span-business-title{		
		line-height:21px
	}
	/***DAU part***/
	.outline-style{		
		font-size:15px;
		padding:12px 0px 14px 14px;
	}
	table tr td p{	
		margin-top:13px;
	}
	
	table tr td{	
		padding:3px 0px 20px;
	}
	.itemIcon{
		width:19px;
		height:19px;
		margin-right:5px;
	}
	.itemTitle{
		font-size:14px;
	}
	.itemValue{		
		font-size:23px;
		margin-right:4px;
	}
	.itemUnit{
		font-size:12px;
	}
	/******incomeIndex***********/
	.incomeIndex table tr{
		height:72px;
	}
	.incomeIndex table tr td p{	
		background:#f9fbfe;	
		font-size:12px;
		padding-top:13px;
		padding-bottom:14px;
	}
	.incomeIndex table tr td div{
		padding-bottom:12px;
		color:#7ac53e;
	}
	.incomeIndex table tr td{
		padding:0px;
	}
	.incomeIndex-value{
		font-size:19px;
	}
	.income-range{
		text-align:center;
		color:#7ac53e;	
		font-size:12px;
	}
	.income-range img{
		width:6px;
		height:5px;
	}
	/***********************************************/
	/*peformance index:userTime;
	/**********************************************/
	.UserTimeTable tr{
		height:92px;		
	}	
	.userTimeTitle{	
		height:29px;
	}
	.userTimeTitle span{
		font-size:12px;		
        line-height:29px;		
	}	
	.Wifi4GPart{		
		height:40px;
		margin-top:12px;
		margin-bottom:11px;
		margin-right:18px;
	}
	.div-4g{
		margin-bottom:8px;		
		font-size:15px;
	}
	.logo4G{
		width:20px;
		height:13px;
	}	
	.div-wifi{	
		font-size:15px;
	}
	.logowifi{
		width:21px;
		height:12px;		
	}
	.logoSecend{
		width:16px;
		height:16px;
	}
}	
@media screen and (min-width: 376px){	
	 /*****title bar*****/	
	.div-titlebar-style{	
		height:49px;
	}	
	.s-title-style{		
		font-size:18px;		 
		line-height:49px;
	}
	.img-setting-style{	
		float:right; 
		width:25px;	
		line-height:25px;
		margin:13px 17px 13px 0px;
	}	
	/******business area******/
	.div-business-title-style{			
		height:25px;
	}	
	.img-business-title-icon{
		width:22px;
		height:22px;		
	}	
	.span-business-title{		
		line-height:25px
	}
	/**DAU part**/
	.outline-style{		
		font-size:18px;
		padding:14px 0px 17px 17px;
	}
	table tr td p{	
		margin-top:15px;
	}
	
	table tr td{	
		padding:4px 0px 23px;
	}
	.itemIcon{
		width:22px;
		height:22px;
		margin-right:6px;
	}
	.itemTitle{		
		font-size:17px;
	}
	.itemValue{		
		font-size:27px;
		margin-right:5px;
	}
	.itemUnit{
		font-size:14px;
	}
	/******incomeIndex***********/
	.incomeIndex table tr{
		height:83px;
	}
	.incomeIndex table tr td p{	
		background:#f9fbfe;	
		font-size:14px;
		padding-top:15px;
		padding-bottom:17px;
	}
	.incomeIndex table tr td div{
		padding-bottom:14px;
		color:#7ac53e;
	}
	.incomeIndex table tr td{
		padding:0px;
	}
	.incomeIndex-value{
		font-size:22px;
	}
	.income-range{
		text-align:center;
		color:#7ac53e;	
		font-size:14px;
	}
	.income-range img{
		width:7px;
		height:6px;
	}
	
	/***********************************************/
	/*peformance index:userTime;
	/**********************************************/
	.UserTimeTable tr{
		height:106px;		
	}	
	.userTimeTitle{	
		height:34px;
	}
	.userTimeTitle span{
		font-size:14px;		
        line-height:33px;		
	}	
	.Wifi4GPart{		
		height:45px;
		margin-top:14px;
		margin-bottom:13px;
		margin-right:21px;
	}
	.div-4g{
		margin-bottom:10px;		
		font-size:18px;
	}
	.logo4G{
		width:23px;
		height:15px;
	}	
	.div-wifi{	
		font-size:18px;
	}
	.logowifi{
		width:24px;
		height:14px;		
	}
	.logoSecend{
		width:19px;
		height:19px;
	}
} 	
@media screen and (min-width: 361px) and (max-width: 375px){
	 /***title bar***/	
	.div-titlebar-style{	
		height:44px;
	}	
	.s-title-style{		
		font-size:18px;		
		line-height:44px;
	}
	.img-setting-style {	
		float:right; 
		width:22px;	
		line-height:22px;
		margin:12px 15px 12px 0px;
	}	
    /******business area****/
	.div-business-title-style{			
		height:22px;
	}
	.img-business-title-icon{
		width:19px;
		height:19px;		
	}
	.span-business-title{		
		line-height:22px
	}
	/***DAU part***/
	.outline-style{		
		font-size:15px;
		padding:12px 0px 14px 15px;
	}
	table tr td p{	
		margin-top:13px;
	}
	
	table tr td{	
		padding:3px 0px 20px;
	}
	.itemIcon{
		width:19px;
		height:19px;
		margin-right:5px;
	}
	.itemTitle{
		font-size:15px;
	}
	.itemValue{		
		font-size:24px;
		margin-right:4px;
	}
	.itemUnit{
		font-size:12px;
	}
	/******incomeIndex***********/
	.incomeIndex table tr{
		height:72px;
	}
	.incomeIndex table tr td p{	
		background:#f9fbfe;	
		font-size:12px;
		padding-top:13px;
		padding-bottom:14px;
	}
	.incomeIndex table tr td div{
		padding-bottom:12px;
		color:#7ac53e;
	}
	.incomeIndex table tr td{
		padding:0px;
	}
	.incomeIndex-value{
		font-size:20px;
	}
	.income-range{
		text-align:center;
		color:#7ac53e;	
		font-size:12px;
	}
	.income-range img{
		width:6px;
		height:5px;
	}	
	/***********************************************/
	/*peformance index:userTime;
	/**********************************************/
	.UserTimeTable tr{
		height:92px;		
	}	
	.userTimeTitle{	
		height:30px;
	}
	.userTimeTitle span{
		font-size:12px;		
        line-height:30px;		
	}	
	.Wifi4GPart{		
		height:40px;
		margin-top:12px;
		margin-bottom:11px;
		margin-right:18px;
	}
	.div-4g{
		margin-bottom:11px;		
		font-size:16px;
	}
	.logo4G{
		width:20.5px;
		height:13.5px;
	}	
	.div-wifi{	
		font-size:16px;
	}
	.logowifi{
		width:22px;
		height:12px;		
	}
	.logoSecend{
		width:16px;
		height:16px;
	}
}	
@media screen and (min-width: 300px) and (max-width: 320px){
	 /***title bar***/	
	.div-titlebar-style{	
		height:40px;
	}	
	.s-title-style{		
		font-size:15.5px;		
		line-height:40px;
	}
	.img-setting-style {	
		float:right; 
		width:22px;	
		line-height:22px;
		margin:10.56px 13px 10.56px 0px;
	}	
    /******business area****/
	.div-business-title-style{			
		height:19px;
	}
	.img-business-title-icon{
		width:17px;
		height:17px;		
	}
	.span-business-title{		
		line-height:19px
	}
	/***DAU part***/
	.outline-style{		
		font-size:14px;
		padding:10px 0px 10px 13px;
	}
	table tr td p{	
		margin-top:12px;
	}
	
	table tr td{	
		padding:3px 0px 17px;
	}
	.itemIcon{
		width:16px;
		height:16px;
		margin-right:4.3px;
	}
	.itemTitle{
		font-size:13px;
	}
	.itemValue{		
		font-size:20.6px;
		margin-right:2px;
	}
	.itemUnit{
		font-size:12px;
	}
	/******incomeIndex***********/
	.incomeIndex table tr{
		height:72px;
	}
	.incomeIndex table tr td p{	
		background:#f9fbfe;	
		font-size:12px;
		padding-top:13px;
		padding-bottom:14px;
	}
	.incomeIndex table tr td div{
		padding-bottom:12px;
		color:#7ac53e;
	}
	.incomeIndex table tr td{
		padding:0px;
	}
	.incomeIndex-value{
		font-size:20px;
	}
	.income-range{
		text-align:center;
		color:#7ac53e;	
		font-size:10px;
	}
	.income-range img{
		width:6px;
		height:5px;
	}
	/***********************************************/
	/*peformance index:userTime;
	/**********************************************/
	.UserTimeTable tr{
		height:92px;		
	}	
	.userTimeTitle{	
		height:29px;
	}
	.userTimeTitle span{
		font-size:10px;		
        line-height:29px;		
	}	
	.Wifi4GPart{		
		height:40px;
		margin-top:12px;
		margin-bottom:9px;
		margin-right:16px;
	}
	.div-4g{
		margin-bottom:9px;		
		font-size:13.76px;
	}
	.logo4G{
		width:17.63px;
		height:9px;
	}	
	.div-wifi{	
		font-size:13.76px;
	}
	.logowifi{
		width:19px;
		height:10.32px;		
	}
	.logoSecend{
		width:14px;
		height:14px;
	}
}	
